{% extends "bootstrap/base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}
<head>
    {% block title %}Car Web{% endblock %}
    {% block metas %}
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    {% endblock %}
    {% block styles %}
        <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="/static/css/base.css"/>
        {% block mystyles %}
        {% endblock %}
    {% endblock %}
    {% block scripts %}
        <script src="/static/jquery-3.5.1.min.js"></script>
        <script src="/static/md5.js" type="text/javascript"></script>
        <script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
        <script src="/static/lang.js" type="text/javascript"></script>
    {% endblock %}


</head>

<body>
{% block navbar %}

    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="{% if user %}/index/{% endif %}">Car Web</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="{% if user %}/index/{% endif %}">首页</a></li>
                    {% if user %}
                        <li><a href="/car_form/None">添加车辆</a></li>{% endif %}


                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="{% if user %}/user_form/{% endif %}">{{ user.name }}</a></li>
                    <li><a href="{% if user %}/logout/{% endif %}" title="注销登录"> <span class="glyphicon glyphicon-off"
                                                                                       aria-hidden="true"></span> </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

{% endblock %}

{% block content %}

    <div class="container fixed">
    <div id='left_view ' class="col-md-3">
        {% block panel %}
            <div class="panel panel-default">
                <div class="panel-heading">信息管理</div>
                <div class="panel-body">
                    <table class="table">
                        <tr>
                            <td><a my-url="/my_resume" class="my-info list-group-item">我的简历</a></td>
                        </tr>
                        <tr>
                            <td><a my-url="/job_record" class="my-info list-group-item">求职记录</a></td>
                        </tr>
                        <tr>
                            <td><a my-url="/account_info" class="my-info list-group-item">账号管理</a></td>
                        </tr>
                    </table>
                    <div class="panel-footer">Panel footer</div>
                </div>
            </div>
        {% endblock %}
    </div>
    <div class="col-md-9">
        <div class="flash">
            {% for msg in get_flashed_messages(category_filter='ok') %}
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">&times;</span>
                    </button>
                    <strong>Success!</strong> {{ msg }}.
                </div>
            {% endfor %}
            {% for msg in get_flashed_messages(category_filter='error') %}
                <div class="alert alert-warning alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">&times;</span>
                    </button>
                    <strong>Warning!</strong> {{ msg }}.
                </div>
            {% endfor %}

            {% block mycontent %}
                <div id="main_view">


                </div>
            {% endblock %}
        </div>
    </div>
    <div class="footer">
        <div class="footer_com clearfix">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <p class="PL10 big">

                </p>
            </div>
        </div>
    </div>
{% endblock %}
<script>$(".flash").fadeOut(3000);</script>
</div>
</body>

</html>
